﻿
<!DOCTYPE html>
<html>
	<head>	
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>ANEHS</title>
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link rel="stylesheet" type="text/css" href="css/slider.css" />
		<link href="Administrador/css/producss.css" rel="stylesheet" type="text/css" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		<!--webfonts-->
		<link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>
		<!--//webfonts-->
		<script src="js/jquery.min.js" type="text/javascript"></script>
		
		 <!---strat-slider---->
	    <link rel="stylesheet" type="text/css" href="css/slider.css" />
		<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
		<!---//end-slider---->
		
	
	
	</head>

	<body>
	<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
		<!---//smoth-scrlling---->
<div class="main-body">
	<div class="header">
		<div class="wrap">
		<div id="content">
      <header id="topnav">
	  <!---//etiqueta de navegacion en la cual se enlista las etiquetas "UL "y "LI"---->
        <nav>
        		 <ul>
					<li class="active"><a href="#Inicio" class="scroll">Inicio</a></li>
					<li><a href="#about" class="scroll">Nosotros</a></li>
					<li><a href="#team" class="scroll">Productos</a></li>
					<li ><a href="#signin" class="scroll">Comentarios</a></li>
					<li><a href="iniciosesion.html"> Login</a></li>
					<div class="clear"> </div>
				</ul>
        </nav>
         <h1><img src="images/567.jpg"  alt="" width="231" height="61" title=""/>
</h1>
        <a href="#" id="navbtn">Nav Menu</a>
        <div class="clear"> </div>
      </header><!-- @end #topnav -->
    </div>
	</div>
    
			<div class="slider" id="home"> 
				<div class="wrap">
			<!---start-da-slider----->
				<div id="da-slider" class="da-slider">
				<div class="da-slide">
					<h2><img src="images/star.png">Nuestra misión<img src="images/star.png"></h2>
					<p> Manejar un control de calidad cumpliendo con la demanda del cliente dejando satisfacci&oacute;n del producto, teniendo personal calificado en todas las &aacute;reas as&iacute; contando con equipo necesario ofreciendo beneficios al cliente y a la empresa.</font></p>
				</div>
				
				<div class="da-slide">
					<h2><img src="images/star.png">Nuestra visión<img src="images/star.png"></h2>
					<p>Ser una empresa de proyecci&oacute;n nacional e internacional cumpliendo con un prestigio de alta calidad, asiendo estancias m&aacute;s  c&oacute;modas a nuestros clientes.</p>
				</div>
			</div>
		
			<script type="text/javascript" src="js/jquery.cslider.js"></script>
			 <!---strat-slider---->
	    <link rel="stylesheet" type="text/css" href="css/slider.css" />
		<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
			<script type="text/javascript">
				$(function() {
				
					$('#da-slider').cslider({
						autoplay	: true,
						bgincrement	: 450
					});
				
				});
			</script>
				<!---//End-da-slider----->
			
			<!--//End-header---->
		</div>
		</div>
	<!---start-about----->

	<div  class="about" id="about">
		<div class="wrap">
			<div class="section group">
				<div class="col_1_of_1 span_1_of_1">
				   <h3>Acerca de nosotros </h3>
				  <p>Ebanistas unidas, ha sido símbolo de Calidad Total en el Mercado de muebles, barandales, cocinas, puertas, mesas, sillas y entro otra cosas  decorativas. Con tecnología de punta, instalaciones insuperables, a nivel Nacional y personal especializado en investigación y desarrollo; producimos con los mayores estándares de calidad, todos nuestros productos.</p>
				</div>
		 </div>
	</div>
	<!---//end-about----->

		<!---start-team----->
		 	<div class="team_main" id="team">
				 <div class="wrap">
				 	<div class="team">
						<h3><a href="#">Productos</a></h3>
					<!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="menubox/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both sdt_active span and 
				* sdt_wrap span. If the element has a sub menu (sdt_box),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
                $('#sdt_menu > li').bind('mouseenter',function(){
					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'170px',
							'height':'170px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'140px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
						 .animate({'height':'170px'},300,function(){
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length){
							var left = '170px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-170px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.sdt_active')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500);
				});
            });
        </script>
		
		
		
<div class="pro">


					
				  <!-- desplegar imagen-->
				  <div id="centrado">
					
					 <table class="CSSTableGenerator"  >
                    
                      <?php
					         require 'Administrador/funciones/config.php';
					          $conexion=new mysqli($servidor, $usuarioBD, $passwordBD, $baseDatos);
							  //consulta a la base de datos de la tabla usuarios 
							  $consulta="select * from producto LIMIT 0,30;";
							  ///se le asigna la fila a la variable resultado 
							  $resultado=$conexion->query($consulta);
							  //muestra los usuarios que contiene la tabla de la base de datos 
							  while($fila=$resultado->fetch_array(MYSQLI_ASSOC))
							   {

                                ?>
                                               <tr>
                                             
											   <th><?php echo $fila['categoria'];?></th>
											   <th><?php echo $fila['descripcion'];?></th>
											    <th><?php echo $fila['precio'];?></th>
											   <th><?php echo'<img id="estiloImagenProducto" src="Administrador/imagenes/'.$fila['directorio'].'/'.$fila['archivo'].'"/>';?></th>
											    
											   
                                              </tr >
											  <?php
							
							}
							  
           
		
				
			
		   ?>
                </table>
					
					
					
					  
					
				  
					
					
						</div>
					</div>
				</div>
				
			
			</div>
                        
						 <div class="clear"> </div>
						 <a class="button" href="#">Mas informacion</a>
				   </div>
			</div>
		</div>
		<!---//End-team---->
		<!---/start-signin---->		
		<div class="contact" id="signin">
		<div class="wrap">
			<h3>Iniciar sesion</h3>
			<form>
				<div class="left-form">
					<ul>
					
						<li class="email">
							<input type="email" placeholder="Correo Electronico" required>
							<div class="clear"> </div>
						</li> 
							<div class="clear"> </div>
						<li>
							<input type="password" placeholder= "Contrase&ntilde;a" required>
							<div class="clear"> </div>
						</li> 
					 
						<div class="send">
								<a href="#">Iniciar</a>
						</div>
					</ul>
				</div>
				<div class="right-form">
					<div>
						<h4>Localizacion</h4>
						<p>Telefono: (271) 712 66 39</p>.   
                               Correo: ebanistasunidos@hotmail.com
                      <p>Ubicados:
                      Cordoba Veracruz,entre calles 8 y 10 local #812   </p>
                      
                        
					</div>
					<div class="soc_icons">
						<h4>Redes sociales</h4>
					<ul>
						<li><a class="icon1" href="https://www.facebook.com/pages/Ebanistas-Unidos/645203222156574?fref=ts"> <span>Facebook</span> </a>  </li>
						<li><a class="icon2" href="#"><span>Twitter</span></a></li>
						<li><a class="icon3" href="#"><span>Google+</span></a></li>
						
					<div class="clear"> </div>
				</ul>
					</div>
				</div>
				<div class="clear"> </div>
			</form>
		</div>
	</div>
	                    <div class="fb-comments" data-href="https://www.facebook.com/ciberpcclub" data-numposts="5" data-colorscheme="light"></div>
						<div class="map">
						   			
									
									 <iframe width="1235" height="460" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.mx/maps?f=d&amp;source=embed&amp;saddr=&amp;daddr=18.897419,-96.938121&amp;hl=es&amp;geocode=&amp;sll=18.897419,-96.938121&amp;sspn=0.001637,0.002411&amp;t=h&amp;mra=mift&amp;mrsp=1&amp;sz=19&amp;ie=UTF8&amp;layer=c&amp;cbll=18.897419,-96.938121&amp;panoid=pKk31TvGvLU7ZZrfE5KWmA&amp;cbp=11,209.3,,1,9.63&amp;ll=18.897419,-96.938121&amp;spn=0.001637,0.002411&amp;output=svembed"></iframe><br /><small><a href="https://maps.google.com.mx/maps?f=d&amp;source=embed&amp;saddr=&amp;daddr=18.897419,-96.938121&amp;hl=es&amp;geocode=&amp;sll=18.897419,-96.938121&amp;sspn=0.001637,0.002411&amp;t=h&amp;mra=mift&amp;mrsp=1&amp;sz=19&amp;ie=UTF8&amp;layer=c&amp;cbll=18.897419,-96.938121&amp;panoid=pKk31TvGvLU7ZZrfE5KWmA&amp;cbp=11,209.3,,1,9.63&amp;ll=18.897419,-96.938121&amp;spn=0.001637,0.002411" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
						</div>
				<div class="footer">
					<div class="wrap">
					 <div class="footer-con">
							<div class="footer-left">
								<ul>
									<li><a href="#">Acerca</a></li>
									
									<li><a href="#">Como Trabajamos</a></li>
									 <div class="clear"> </div>	
								</ul>
							</div>	
							<div class="footer-right">
								<ul>	
								    <li class="email"><a href="#"> </a></li>
								    <li class="fb"><a href="#"> </a></li>	 	
									<li class="twitter"><a href="#"> </a></li>
									 <div class="clear"> </div>	
						  		</ul>
		 				     </div>
		 				   <div class="clear"> </div>	
					   </div>
										    <!-- scroll_top_btn -->
					<script type="text/javascript" src="js/move-top.js"></script>
					<script type="text/javascript" src="js/easing.js"></script>
				    <script type="text/javascript">
						$(document).ready(function() {
						
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
					
					<!---smoth-scrlling---->
				<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>

				   </div>
					<!-----start-copyright---->
	   					<div class="copy-right">
							<p>Desarrollado por <a href="http://w3layouts.com">Ebanistas Unidos Todos los derechos Reservados</a></p> 
						</div>
				<!-----//end-copyright---->	
				</div>
			</div>
				<!---//End-signin---->
		 		
</div>
</body>
</html>